﻿@{
    ViewBag.Title = "ThongTinCaNhan";
}
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Webdanhki/vit/main-style.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Webdanhki/vit/progressbar.css")" rel="stylesheet" type="text/css" />
</head>
<body>
    <!-- bắt đầu phần main-content -->
    <div id="main-content">
        <div style="width: 100%; float: left; height: 10px;">
            &nbsp;</div>
        <div id="left-content">
            <!--phần left-content -->
            <div class="left-content-box">
                <h1>
                    <a href="/home/thongtincanhan" class="current">Thông tin cá nhân</a>
                    &nbsp; | &nbsp; <a href="/home/danhsachdonhang">Danh sách đơn hàng</a> 
                    &nbsp; | &nbsp; <a href="/home/masoduthuong">Mã Số Dự Thưởng</a>
                </h1>
                <div class="h1-bg">
                </div>
                <div class="left-content-detail">
                    <form class="form" method="post" action="/home/doimatkhau">
                    <div class="sign-up-wrp sign-up-wrp-lv2">
                        <!-- Đổi mật khẩu -->
                        <h2>
                            Đổi Mật Khẩu</h2>
                        <div class="row-wrp">
                            <div class="left-row">
                                Mật Khẩu Hiện Tại</div>
                            <div class="input-row">
                                <input name="passold" type="password" class="tb" value="" />
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Mật Khẩu Mới</div>
                            <div class="input-row">
                                <input name="password" type="password" class="tb" value="" />
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Xác Nhận Mật Khẩu Mới</div>
                            <div class="input-row">
                                <input name="repass" type="password" class="tb" value="" />
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="midle-ct" style="padding-left: 120px">
                                <input name="submit" type="submit" value="Đổi Mật Khẩu" class="submit-form" /></div>
                        </div>
                    </div>
                    <!-- kết thúc Đổi mật khẩu -->
                    </form>
                    <form class="form" method="post" action="/home/thongtincanhan">
                    <div class="sign-up-wrp sign-up-wrp-lv2">
                        <!-- Thông tin Giao Hàng -->
                        <h2>
                            Thông tin Giao Hàng</h2>
                        <div class="row-wrp">
                            <div class="left-row">
                                Họ và Chữ Lót</div>
                            <div class="input-row">
                                <input name="lastname" type="text" class="tb" value="Quang" /></div>
                            <div class="midle-ct">
                                Tên</div>
                            <div class="input-row">
                                <input name="firstname" type="text" class="tb" value="Minh" /><br />
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Số Điện Thoại</div>
                            <div class="input-row">
                                <input name="phone" type="text" class="tb" value="0977926977" />
                            </div>
                            <div class="right-row">
                                Số điện thoại để chúng tôi có thể liên hệ giao hàng cho bạn
                                <br />
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Phòng - Lầu - Tòa Nhà</div>
                            <div class="input-row">
                                <input name="tower" type="text" class="tb" value="" /></div>
                            <div class="right-row">
                                VD : Phòng 203, Lầu 7, Bitexco Financial Tower
                            </div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Số Nhà</div>
                            <div class="input-row">
                                <input name="homenumber" type="text" class="tb" value="5A/7" /></div>
                            <div class="midle-ct">
                                Tên Đường</div>
                            <div class="input-row">
                                <input name="street" type="text" class="tb" value="Trần Phú" /></div>
                        </div>
                        <div class="row-wrp">
                            <div class="left-row">
                                Quận / Huyện</div>
                            <div class="input-row">
                                <select name="district" id="selDistrict" onchange="getWard('/home'+'/'+this.value)">
                                    <option selected="selected" value="">Chọn Quận/Huyện</option>
                                    <option value="466">Quận 1</option>
                                    <option value="467">Quận 2</option>
                                    <option value="468">Quận 3</option>
                                    <option value="469">Quận 4</option>
                                    <option value="470" selected>Quận 5</option>
                                    <option value="471">Quận 6</option>
                                    <option value="472">Quận 7</option>
                                    <option value="473">Quận 8</option>
                                    <option value="474">Quận 9</option>
                                    <option value="475">Quận 10</option>
                                    <option value="476">Quận 11</option>
                                    <option value="477">Quận 12</option>
                                    <option value="478">Quận Gò Vấp</option>
                                    <option value="479">Quận Tân Bình</option>
                                    <option value="480">Quận Bình Thạnh</option>
                                    <option value="481">Quận Phú Nhuận</option>
                                    <option value="482">Quận Thủ Đức</option>
                                    <option value="483">Huyện Củ Chi</option>
                                    <option value="484">Huyện Hóc Môn</option>
                                    <option value="485">Huyện Bình Chánh</option>
                                    <option value="486">Huyện Nhà Bè</option>
                                    <option value="487">Huyện Cần Giờ</option>
                                    <option value="679">Quận Bình Tân</option>
                                    <option value="680">Quận Tân Phú</option>
                                </select>
                            </div>
                            <div class="midle-ct">
                                Phường / Xã</div>
                            <div class="input-row">
                                <span id="wardspan" style="background: none;">
                                    <select name="ward" id="selWard">
                                        <option selected="selected" value="">Chọn Xã/Phường</option>
                                        <option value="51">Phường 1</option>
                                        <option value="58">Phường 2</option>
                                        <option value="59">Phường 3</option>
                                        <option value="60" selected>Phường 4</option>
                                        <option value="61">Phường 5</option>
                                        <option value="62">Phường 6</option>
                                        <option value="63">Phường 7</option>
                                        <option value="64">Phường 8</option>
                                        <option value="65">Phường 9</option>
                                        <option value="52">Phường 10</option>
                                        <option value="53">Phường 11</option>
                                        <option value="54">Phường 12</option>
                                        <option value="55">Phường 13</option>
                                        <option value="56">Phường 14</option>
                                        <option value="57">Phường 15</option>
                                        <option value="752">Phường\Xã Khác</option>
                                    </select>
                                </span>
                            </div>
                            <script>
                                function getXMLHTTP() { //fuction to return the xml http object
                                    var xmlhttp = false;
                                    try {
                                        xmlhttp = new XMLHttpRequest();
                                    }
                                    catch (e) {
                                        try {
                                            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                                        }
                                        catch (e) {
                                            try {
                                                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                                            }
                                            catch (e1) {
                                                xmlhttp = false;
                                            }
                                        }
                                    }

                                    return xmlhttp;
                                }


                                function getWard(strURL) {

                                    var req = getXMLHTTP();

                                    if (req) {

                                        req.onreadystatechange = function () {
                                            if (req.readyState == 4) {
                                                // only if "OK"
                                                if (req.status == 200) {
                                                    document.getElementById('wardspan').innerHTML = req.responseText;
                                                } else {
                                                    alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                                                }
                                            }
                                        }
                                        req.open("GET", strURL, true);
                                        req.send(null);
                                    }

                                }
									
                            </script>
                        </div>
                        <div class="row-wrp">
                            <div class="midle-ct">
                                <input class="submit-form" name="submit" value=" Cập Nhật " type="submit"></div>
                            <div class="midle-ct">
                                <input class="submit-form" name="reset" value=" Xóa Bỏ " type="reset"></div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <!--kết thúc phần left-content -->
        <!-- right-content-container -->
    </div>
    <!-- kết thúc phần main-content -->
</body>
</html>
